<script setup>

</script>


<template>
    <el-container>
        <el-header>欢迎使用健康医疗管理平台
        </el-header>
        <el-container>
            <el-aside width="200px">
                <el-menu active-text-color="#ffd04b" background-color="#545c64" default-active="/hospitalSet" text-color="#fff" router>
                    <el-sub-menu index="1">
                        <template #title>
                            <el-icon>
                                <ChatLineSquare />
                            </el-icon>
                            <span>医院管理</span>
                        </template>
                        <el-menu-item index="/hospitalSet"><el-icon><Setting /></el-icon>医院设置</el-menu-item>
                        <el-menu-item index="/hospital"><el-icon>
                                <Memo />
                            </el-icon>医院列表</el-menu-item>
                    </el-sub-menu>            
                </el-menu>
            </el-aside>
            <el-main><router-view></router-view></el-main>
        </el-container>
    </el-container>
</template>

<style scoped> .el-header {
     height: 10vh;
     line-height: 10vh;
     background-color: darkcyan;
     color: white;
 }


 .el-menu {
     height: 90vh;
 }
</style>